<template>
    <div id="studies-results">
        <div >
            <Title :title="title"/>
        </div>
        <div class="header">
            <div class="button">
                <el-button  type="primary">新建通知</el-button>
            </div>
            <div class="input">
                <el-input placeholder="请输入内容">
                    <i slot="suffix" class="el-input__icon el-icon-search"/>
                </el-input>
            </div>
        </div>
            <StudiesResultsList/>
            <Pagination/>

    </div>
</template>
<!--研学成果-->
<script>
    import Title from "../../../../../../components/title/Title";
    import Pagination from "../../../../../../components/pagination/Pagination";
    import StudiesResultsList from "./list/StudiesResultsList";
    import {Button, Input} from "element-ui";
    export default {
        name: "StudiesResults",
        props:{
            title: {
                type: String,
                default: "研学成果"
            }
        },
        components: {
            Title,
            StudiesResultsList,
            Pagination,
            "el-input": Input,
            "el-button": Button
        },
        data(){
            return{
            }
        }
    }
</script>

<style scoped>
    #studies-results{
        /*width: 1000px;*/
        margin-left: 70px;
        margin-top: 20px;
    }
    .header .button{
        display: inline-block;
    }
    .header .input{
        width: 300px;
        display: inline-block;
        margin-left: 1000px;
    }
</style>
